import './app.less';
import { RecoilRoot } from 'recoil';
import DebugObserver from '@/models/DebugObserver';
import Global from './global';

interface IProps {
  children: React.ReactNode;
}

export default function App(props: IProps) {
  return (
    // 在入口组件不会渲染任何内容，但我们可以在这里做类似于状态管理的事情
    <RecoilRoot>
      {/* // 这个在ios手机上面会报错 */}
      {process.env.NODE_ENV === 'development' && <DebugObserver />}
      <Global {...props} />
      {props.children}
    </RecoilRoot>
  );
}
